<!document html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
            integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
            integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
            crossorigin="anonymous"></script>
    <title>{{ page.title }}</title>
    <style>
        {% include default.css %}
    </style>
    <script type="javascript">
        var postData=[];
        function showTags() {
            var dataStr = '[ {% for post in site.posts %}{"title":"{{post.title}}","date":"{{post.date}}","url":"{{post.url}}" } {% if forloop.last %}  {% else %},{% endif %} {% endfor %} ]',
                postData = JSON.parse(dataStr);
            console.log(postData)
        }

    </script>
</head>
<body>
<nav class="site-header sticky-top py-1">
    <div class="container d-flex flex-column flex-md-row justify-content-between">
        <a class="py-2" href="#">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                 class="d-block mx-auto">
                <circle cx="12" cy="12" r="10"></circle>
                <line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
                <line x1="9.69" y1="8" x2="21.17" y2="8"></line>
                <line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
                <line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
                <line x1="14.31" y1="16" x2="2.83" y2="16"></line>
                <line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
            </svg>
        </a>
        <!--{% for category in site.categories %}-->
        <!--<a class="py-2 d-none d-md-inline-block" href="#">{{ category | first }}</a>-->
        <!--{% endfor %}-->
        <a class="py-2 d-none d-md-inline-block" href="#">叶落西山——别样红</a>
        <a class="py-2 d-none d-md-inline-block float-right" href="javascript:void(0);"> 更新时间： {{ site.time | date:"%Y年%m月%d日" }}</a>
    </div>
</nav>
<section class="content-wrap">
    <div class="container">
        <nav class="row">
            <main class="col-md-8 main-content">
                {{ content }}
                <!-- 分页 -->
                {% if paginator.total_pages > 1 %}
                <nav class="pagination" role="navigation">
                    {% if paginator.previous_page %}
                    <a class="newer-posts" href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="fa fa-angle-left"></i></a>
                    {% endif %}
                    <span class="page-number">第 {{paginator.page}} 页 / 共 {{paginator.total_pages}} 页</span>
                    {% if paginator.next_page %}
                    <a class="older-posts" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="fa fa-angle-right"></i></a>
                    {% endif %}
                </nav>
                {% endif %}
            </main>
            <aside class="col-md-4 sidebar">
                <div class="widget"><h4 class="title">博主</h4>
                    <div class="content community">
                        <img src="/assets/image/photo.jpg" style="width: 100%;">
                        <p>QQ：276962737</p>
                        <p>Email：zzqiang009@foxmail.com</p>
                        <p><a href="http://mayflygeek.gitee.io/" title="蜉蝣极客" target="_blank"><i
                                class="fa fa-comments"></i> 蜉蝣极客</a></p></div>
                </div>
                <div class="widget"><h4 class="title">分类</h4>
                    {% for category in site.categories %}
                    <a href="#"
                       class="btn btn-default btn-block" target="_blank">{{category | first}}</a>
                    {% endfor %}
                    </div>
            </aside>
    </div>
</section>
<footer class="main-footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="widget"><h4 class="title">最新文章</h4>
                    <div class="content recent-post">

                        {% for girl in site.data.girls %}
                        <div class="recent-single-post"><a href="/post/laravel-5-6-is-now-released/" class="post-title">{{
                            girl.name}}- {{ girl.age }}</a>
                            <div class="date">{{ girl.birthday }}</div>
                        </div>
                        {% endfor %}

                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="widget"><h4 class="title">标签云</h4>
                    <div class="content tag-cloud"><a href="/category.html?tag=start">...</a></div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="widget"><h4 class="title">友链</h4>
                    <div class="content tag-cloud friend-links">
                        {% for friend in site.data.friends %}
                        <a href="{{ friend.url }}" title="{{ friend.name }}"
                           onclick="_hmt.push(['_trackEvent', 'link', 'click', 'bootcsscom'])"
                           target="_blank">{{ friend.name }}</a>
                        {% endfor %}
                        <hr>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
</html>